<template>
   <div>
       <p class='shop_text'>{{ html.title }}</p>
       <hr>
       <div v-html="html.content" class='content'></div>
   </div>
</template>

<script>
    export default {
        data () {
            return {
                info:[],
                html:{}
            }
        },
    created () {
        this.showdata()
    },
    methods: {
        showdata(){
            this.$http.get('api/goods/getdesc/'+this.$route.params.id).then(data=>{
                        if(data.body.status===0){
                            this.info=data.body.message
                            this.html=this.info[0]
                        }
            })
        }
    }
    }
</script>

<style lang="less" >
.shop_text{
    text-align: center;
    margin: 15px 0;
    font-size: 16px;
    color:#226aff
}
.content{
    img{
        width: 100%;
    }
}
</style>

